<template>
  <div class="box">
    <span style="font-size: 25px;font-weight: 800;">{{title}}</span>
    <MkCard>
      <MkTable :data="data">
        <slot />
      </MkTable>
    </MkCard>
  </div>
</template>
<script lang="ts" setup>
const props = defineProps({
  data: {
    type: Array,
    default: [],
  },
  title: {
    type: String,
    default: '',
  }
})
</script>
<style lang="scss" scoped>
.box{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
</style>